<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <meta charset="utf-8"/>
    <title>注册界面</title>
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.1.0/css/bootstrap.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <!-- popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.bootcss.com/popper.js/1.12.5/umd/popper.min.js"></script>
    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
<script>
    function register() {
        //jQuery写法
        var user = $('#user').val();
        var password = $('#password').val();
        $.ajax({
            type: "post",  //post put get 等等
            url: "reg",
            // 编写注册功能时，要将异步设置为false（缺省为true）
            // 如果async是ture,对于FireFox浏览器，会刷新掉alert()弹出框的内容
            // 对于Chrome浏览器，第一次注册时会执行error的回调函数，输出“请求在连接过程中出现错误..”
            async: false,
            data: {  //要传入ashx文件的数据
                "username": user,
                "password": password
            },
            success: function (data, textStatus) {
                // 连接至ashx文件成功时，执行函数
                // data是从ashx文件返回来的信息，可以是字符串也可以是一个对象
                // 如果data是字符串，则可以输出data的值
                // 如果data是对象，则可以将这个对象的各属性值赋给其他变量
                // textStatus是表示状态的字符串，这里textStatus的值是"success"
                alert(data);
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {  //连接至ashx文件失败时，执行函数
                // XMLHttpRequest在这个例子里没有用到
                // textStatus是表示状态的字符串，这里textStatus的值是"error"
                // errorThrown包含连接失败的信息，可以输出查看
                alert("请求在连接过程中出现错误..\n" + errorThrown);
            }
        });
    }
</script>
<script type="text/javascript">
    function checkZmOrNum(zmnum){
        var zmnumReg=/^[0-9a-zA-Z]*$/;
        if(zmnum!=""&&!zmnumReg.test(zmnum)){
            alert("只能输入是字母或者数字,请重新输入");
            return false;
        }
    }
    function login(){
        //定义变量username
        var username = $("input[id='username']").val();
        var password = $("input[id='userpassword']").val();
        if(checkZmOrNum(username)&&checkZmOrNum(password)){
            window.location.href="login?username="+username+
                "&password="+password;
        }
    }
    function validatemobile(mobile) {//验证手机号
        if (mobile.length == 0) {
            alert('手机号码不能为空！');
            return false;
        }
        if (mobile.length != 11) {
            alert('请输入有效的手机号码，需是11位！');
            return false;
        }
        var myreg=/^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8}$/;
        if(!myreg.test(mobile)) {
            alert('请输入有效的手机号码!');
            return false;
        }
    }
    function cIsIDCard(CardNo){//验证身份证（标量为15位或者18位）
        this.Valid=false;
        this.ID15='';
        this.ID18='';
        this.Local='';
        if(CardNo!=null)this.SetCardNo(CardNo);
    }
</script>

<h1>用户注册</h1>
<hr>
<form style="margin-left:500px;margin-top:200px;">
    <div class="form-group">
        <label for="user" stype="display:inline;">账号：</label>
        <input type="text" class="form-control" id="user" style="display:inline;width:200px;" autocomplete="off" />
    </div>
<%--<form action="/order_webapp_war/reg" method="post">--%>
<%--    <p>--%>
<%--        用户名：<input type="text" name="username">--%>
<%--    </p>--%>
    <div class="form-group">
        <label for="userpassword" style="display:inline;">密码：</label>
        <input type="text" class="form-control" id="userpassword" style="display:inline;width:200px;" autocomplete="off" />
    </div>
    <div class="form-group">
        <label for="userpassword" style="display:inline;">电话号码：</label>
        <input type="text" class="form-control" id="mobile"
               style="display:inline;width:200px;" autocomplete="off" />

    </div>
    <div class="form-group">
        <label for="userpassword" style="display:inline;">身份证：</label>
        <input type="text" class="form-control" id="peopleID"
               style="display:inline;width:200px;" autocomplete="off" />
    </div>
<%--    <p>--%>
<%--        密码：<input type="password" name="userpassword">--%>
<%--    </p>--%>
    <button type="submit" class="btn btn-primary" onclick="register()">确认注册</button>
<%--    <p>--%>
<%--        <input type="submit" value="注册">--%>
<%--    </p>--%>
</form>
${mess}
</body>
</html>
